<template>
  <el-input v-model="input" placeholder="请输入学号" style="width:20%" />
  <el-button type="primary">查询</el-button>
  <el-table :data="TestTable" border stripe style="width: 100%">
    <el-tableColumn label="学号" prop="sno"></el-tableColumn>
    <el-tableColumn label="姓名" prop="name"></el-tableColumn>
    <el-tableColumn label="学院" prop="academy"></el-tableColumn>
    <el-tableColumn label="专业" prop="major"></el-tableColumn>
    <el-tableColumn label="班级" prop="classes"></el-tableColumn>
    <el-tableColumn label="答题时间" prop="time"></el-tableColumn>
    <el-tableColumn label="测试结果" prop="result"></el-tableColumn>
    <el-tableColumn label="操作" prop="operation">
      <el-button type="danger" size="mini" @click="deletetestdialog = true">删除
      </el-button>
    </el-tableColumn>
  </el-table>

  <el-dialog title="删除测试结果" v-model="deletetestdialog" width="50%" draggable>

    <el-form label-width="70px">

      <el-form-item label="学号">
        <el-input v-model="deletes.sno" placeholder="请输入学号"></el-input>
      </el-form-item>

    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="deletetestdialog = false">取 消</el-button>
      <el-button type="primary">确 定</el-button>
    </span>
  </el-dialog>
</template>


<script>
export default {
  data() {
    return {
      TestTable: [
        {
          sno: "1",
          name: "1",
          academy: "1",
          major: "1",
          classes: "1",
          time:"1",
          result:"1"
        }
      ],
      deletetestdialog:false,
      deletes:{
        sno:""
      }
    }
  }
}
</script>